angular.module('Controller')

.controller 'DemoCenterCtrl', ($scope, $state, menuManage, commonUtil, userData, $localStorage, commonConstant, wfAlert, $http) ->
    console.log "DemoCenterCtrl"
    $('html, body').animate({
        scrollTop: $("#header").offset().top
    }, 500);
    $scope.$storage = $localStorage
    currentIndex = 0
    _.extend $scope,
        subNavList: menuManage.get()[3].childs
        slideImgList:[
            {
                id:0
                active:true
                title:'丰富的现货元器件种类'
                content:'上海凝睿不断完善的元器件库存及专业的元器件采购团队，及时响应的技术支持，提供BOM一站式采购服务，选择各大原厂及原厂授权代理商作为合作伙伴。'
                img:"images/nr-offical/demo-center/gxhddzff.png"
            }
            {
                id:1
                active:true
                title:'丰富的现货元器件种类'
                content:'上海凝睿不断完善的元器件库存及专业的元器件采购团队，及时响应的技术支持，提供BOM一站式采购服务，选择各大原厂及原厂授权代理商作为合作伙伴。'
                img:"images/nr-offical/demo-center/gxhddzff.png"
            }
            {
                id:2
                active:true
                title:'丰富的现货元器件种类'
                content:'上海凝睿不断完善的元器件库存及专业的元器件采购团队，及时响应的技术支持，提供BOM一站式采购服务，选择各大原厂及原厂授权代理商作为合作伙伴。'
                img:"images/nr-offical/demo-center/gxhddzff.png"
            }
            {
                id:3
                active:false
                title:'丰富的现货元器件种类'
                content:'上海凝睿不断完善的元器件库存及专业的元器件采购团队，及时响应的技术支持，提供BOM一站式采购服务，选择各大原厂及原厂授权代理商作为合作伙伴。'
                img:"images/nr-offical/demo-center/gxhddzff.png"
            }
            {
                id:4
                active:false
                title:'丰富的现货元器件种类'
                content:'上海凝睿不断完善的元器件库存及专业的元器件采购团队，及时响应的技术支持，提供BOM一站式采购服务，选择各大原厂及原厂授权代理商作为合作伙伴。'
                img:"images/nr-offical/demo-center/gxhddzff.png"
            }

        ]
        contentList:[
            {
                id:1
                title:'丰富的现货元器件种类'
                width:'50%'
                textHeight:'230px'
                content:'凝睿电子样品中心将尽可能备齐全系列的元器件，目前，凝睿电子样品中心已经有超过3000种样品储备，
              库存种类将逐渐上升到上万种，确保用户可以在凝睿电子样品中心购买到所需的研发样品。例如，在凝睿电子样品中心，
              你可以购买到1Ohm至10MOhm不同封装不同精度的全系列电阻，并可在商务平台的样品中心版块查询到库存数量及价格，甚至可以直接下单。
              凝睿电子样品中心提供便捷的商务平台实现透明的库存现状可供客户查询，完善的补货系统保证样品整装待发。'
                image:"images/nr-offical/demo-center/01.jpg"
            }
            {
                id:2
                title:'来自原厂的品质保证'
                width:'50%'
                textHeight:'190px'
                image:"images/nr-offical/demo-center/02.jpg"
                content:'样品中心的所有样品均来自于元器件制造商或其授权正规代理商，从源头保证了元器件样品的品质。使研发企业及工程师能专注于电路的设计调试，避免因为器件质量对研发进度的影响.'
            }
            {
                id:3
                title:'所有原件不限最小起订量'
                width:'100%'
                textHeight:'130px'
                image:"images/nr-offical/demo-center/03.jpg"
                content:'考虑到在电子研发设计阶段元器件的需求数量较少，凝睿电子样品中心提供的所有元件均不设最小起订量，所有元件1片起订，避免了批量采购对资源造成的浪费。'
            }
            {
                id:4
                title:'专业的元件盒配套服务'
                width:'50%'
                textHeight:'275px'
                image:"images/nr-offical/demo-center/04.jpg"
                content:'为便于研发企业元器件样品进行收纳、分类、检索，上海凝睿电子科技有限公司专门开发设计了“双层锁扣结构精密贴片元件盒”，该产品已获得两项国家专利。彻底解决了常用元件盒易损坏，内置元件易混，难以收纳，分类及快速检索等多年未解决的难题。'+
                        '作为目前最优秀的元件盒设计，凝睿电子样品中心严格把握元件盒的生产质量，每个元件盒可以承受100Kg的静态压力，防浅水，内部单元格顶盖的开合寿命超过60000次，正常使用寿命超过10年。'+
                        '为保障用户的利益，凝睿电子样品中心的元件盒产品具有全球唯一的序列号，用户可以通过凝睿电子样品中心的官方网站，查询到该序列号元件盒的持有人及购买时间等信息。'
            }
            {
                id:5
                title:'快速的响应速度'
                width:'50%'
                textHeight:'200px'
                image:"images/nr-offical/demo-center/05.jpg"
                content:'凝睿电子样品中心为提供快捷的购物响应速度，建立了一个专业的购物服务平台，对大中城市提供快递到门服务，对偏远地区，提供EMS 快递服务，对上海地区客户，提供加急的3小时送货上门服务。'+
                        '普通订单自下单起，2个工作日内，您就会收到我们的出货通知'
            }
#            {
#                id:6
#                title:'来自原厂的品质保证'
#                image:"images/nr-offical/demo-center/yjbzyph.png"
#                content:'考虑到在电子研发设计阶段元器件的需求数量较少，凝睿电子样品中心提供的所有元件均不设最小起订量，所有元件1片起订，避免了批量采购对资源造成的浪费。'
#            }
        ]
        slideRight:->
            console.log currentIndex
            if currentIndex == 0
                _.each $scope.slideImgList,(item)->
                    item.active = false
                $scope.slideImgList[1].active = true
                $scope.slideImgList[2].active = true
                $scope.slideImgList[3].active = true
                currentIndex++
            else if currentIndex == 1
                _.each $scope.slideImgList,(item)->
                    item.active = false
                $scope.slideImgList[2].active = true
                $scope.slideImgList[3].active = true
                $scope.slideImgList[4].active = true
                currentIndex++
            if currentIndex == $scope.slideImgList.length-3
                $scope.hideRight = true
                currentIndex = $scope.slideImgList.length-3

        slideLeft:->
            console.log currentIndex
            if currentIndex == 1
                _.each $scope.slideImgList,(item)->
                    item.active = false
                $scope.slideImgList[0].active = true
                $scope.slideImgList[1].active = true
                $scope.slideImgList[2].active = true
                currentIndex--
            else if currentIndex == 2
                _.each $scope.slideImgList,(item)->
                    item.active = false
                $scope.slideImgList[1].active = true
                $scope.slideImgList[2].active = true
                $scope.slideImgList[3].active = true
                currentIndex--
            if currentIndex == 0
                $scope.hideLeft = true
                currentIndex = 0

        showText:(item)->
            item.showText=true
            $('#demo-item-text-'+item.id).css('background-color','rgba(0,0,0,0.6)')
            $('#demo-item-text-'+item.id+' .content').css('height',item.textHeight)
            _.each $scope.contentList,(content)->
                if content.id!=item.id and content.showText
                    content.showText=false
                    $('#demo-item-text-'+content.id).css('background-color','rgba(0,0,0,0)')
                    $('#demo-item-text-'+content.id+' .content').css('height','0')
            $('#demo-image-'+item.id).css('left','-5%')
            ''
        removeText:(item)->
            _.delay(()->
                if item.showText=true
                    item.showText=false
                    $('#demo-item-text-'+item.id).css('background-color','rgba(0,0,0,0)')
                    $('#demo-item-text-'+item.id+' .content').css('height','0')
            ,4000)
            $('#demo-image-'+item.id).css('left','0')
            ''
        currentId:$state.params.childId
#    calImageWidth=()->
#        _.each $('.demo-image-container'),(eleItem,index)->
#            console.log(eleItem.scrollWidth)
#            $(eleItem).css('width',eleItem.scrollWidth*1.06+'px')
#    _.defer(()->
#        calImageWidth()
#    )
    $scope.$on '$ionicView.enter', ->
        console.log "$ionicView"
        $('html, body').animate({
            scrollTop: $("#head").offset().top
        }, 500);